<template>
  <div>

    <ul v-for="lawDetailVO in lawData" class="list">
      <li style="float: left;font-weight: bold;color: #4e0200">·</li>
      <li style="float: left"><p class="list-li" onclick="lawDetail(p.text())">{{ lawDetailVO.title }}</p></li>
      <li class="list_item">[{{ lawDetailVO.pubDate }}]</li>
    </ul>

  </div>
</template>
<script>
export default {
  data () {
    return {
      lawData: [
        {
          title: '中华人民共和国刑法',
          pubDate: '2020-06-08'
        },
        {
          title: '中华人民共和国民事诉讼法',
          pubDate: '2020-06-08'
        },
        {
          title: '中华人民共和国劳动法',
          pubDate: '2020-06-08'
        },
        {
          title: '中华人民共和国城市房地产管理法',
          pubDate: '2020-06-08'
        }
      ]
    }
  }
}
</script>
<style>

.list-li {
  color: #141414;
  font-size: 16px;
  width: 443px;
  cursor: pointer;
}
</style>
